/* style --------------------------------------------------------------------------------------------------------------------------------- --*/
          :root {
            --new-red-primary: #be1515;
            --new-red-darker: #a31111;
            --new-red-gradient: linear-gradient(to top, #a31111, #be1515);
            --primary-blue: #005691;
            --new-white:#ffffff;
        }
        body {
            font-family: 'Vazirmatn', 'IRANSans', sans-serif;
            direction: rtl;
            background-color: #f8f8f8;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }
        /* استایل‌های هدر و منو -------------------------------------------------------------------------------- */
        main {
            flex-grow: 1;
        }
        main h2{
            font-size: 25px !important;
        }
      
        .text-brand-red { color: var(--new-red-primary); }
        .bg-brand-red { background-color: var(--new-red-primary); }
        .hover\:bg-brand-red-darker:hover { background-color: var(--new-red-darker); }
        .text-brand-blue { color: var(--primary-blue); }

        /* استایل hero-about-bg حذف شد - تصویر از دیتابیس می‌آید */
        
        .section-title-underline::after {
            content: ''; display: block; width: 60px; height: 3px;
            background-color: var(--new-red-primary);
            margin: 8px auto 0;
        }
       
        .value-card:hover .value-icon-about {
            transform: scale(1.1); color: var(--new-red-primary);
        }
        /* استایل‌های انیمیشن‌ها ---------------------------------------------------------------------------------------- */
        @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .animate-fade-in-down.animated { animation: fadeInDown 0.8s ease-out forwards; }
        .animate-fade-in-up.animated { animation: fadeInUp 0.8s ease-out forwards; }
        .animate-fade-in-down, .animate-fade-in-up { opacity: 0; }
         /* / استایل‌های هدر و بنر بالای صفحه درباره ما ------------------------------------------------------------ */
        .header-top-banner-container {
            position: relative; width: 100%; height: 70px; overflow: hidden;
        }
        .header-top-banner-container img { width: 100%; height: 100%; object-fit: cover; }
        .header-top-banner-text {
            position: absolute; inset: 0; display: flex; justify-content: center; align-items: center;
            color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.7);
        }
        .header-top-banner-text h1 { font-size: 1.25rem; font-weight: 700; }
        @media (min-width: 768px) { .header-top-banner-text h1 { font-size: 1.5rem; } }

        /* استایل‌های فوتر مشابه فایل اصلي ----------------------------------------------------------------------------------*/
        .footer-about-page {
            background-image: var(--new-red-gradient); color: #e5e5e5;
        }
        .footer-about-page .footer-contact-info-tailwind {
            background-color: rgba(255, 255, 255, 0.207); border: 1px solid rgba(255, 255, 255, 0.1); color: #333;
        }
        .footer-about-page .footer-contact-info-tailwind .phone-number-tailwind { color: var(--new-white); }
        .footer-about-page .footer-contact-info-tailwind p { color: #fefefe; }
        .footer-about-page .footer-column-links h3,
        .footer-about-page .footer-column-social h3,
        .footer-about-page .footer-tags-tailwind h4 { color: #ffffff; }
        .footer-about-page .footer-column-links ul li a,
        .footer-about-page .tag-list a,
        .footer-about-page .social-icons a { color: #d1d5db; }
        .footer-about-page .footer-column-links ul li a:hover,
        .footer-about-page .tag-list a:hover,
        .footer-about-page .social-icons a:hover { color: #ffffff; }
        .footer-about-page .tag-list a { background-color: rgba(255,255,255,0.05); }
        .footer-about-page .tag-list a:hover { background-color: rgba(255,255,255,0.1); }
        .footer-about-page .copyright-text { color: #cbd5e1; }
        .footer-about-page .logo-footer img { filter: brightness(0) invert(1) opacity(0.9); }
        .footer-about-page .trust-logos img { background-color: rgba(255,255,255,0.05); }
        .footer-about-page .trust-logos img:hover { background-color: rgba(255,255,255,0.1); }
        .footer-about-page .border-b { border-color: rgba(255,255,255,0.2); }

        /* برای دکمه منوی موبایل اگر نیاز باشد ---------------------------------------------------------------*/
        .mobile-nav-toggle { display: none; }
        @media (max-width: 767px) { 
            .desktop-nav-links { display: none; }
            .mobile-nav-toggle { display: block; }
        }